Termika Radiado
redhttps://img.icons8.com/ios-glyphs/90/fire-heart.pngCosenseテーマ «Termika Radiado»(“熱輻射”)--project-theme nremiel.radiado-dark#Cosenseテーマ #UserCSS #dark_theme
? 作成途中のため、不具合が発生する可能性大
purple紫紺とred紅とyellow黄のダークテーマ。
このサイトのCosenseテーマの一つ。製作難航中。
Alruina Aŭreolo
サンプル
Source code: settings/theme/radiado-dark
特性と焦点NremのCosenseテーマの機能と焦点
tbc要修正
カードの背景色アクセントの色合いを紫紺にする
ページからフォーカスが外れている時の背景色アクセントの色合いを紫紺ベースにする
カーソル行のテキスト色をもう少し赤みがかった色にする
記述ミスでカーソル行の背景色が変化していない
.telomere.updated-after-load.unreadの行のテキスト色を赤みがかった色にする
How to use
Cosense.icon Cosense かウェブブラウザ(Stylus 等のブラウザ拡張)のユーザーCSSに以下のコードを追加する。
例A. そのまま反映させる
code:example.css
@import "/api/code/nremiel/Termika_Radiado/radiado-dark.css";
または
code:radiado-dark.css
@import "/api/code/nremiel/settings%2Ftheme%2Fradiado-dark/style.css";
:root {
--project-theme: "nremiel.radiado-dark";
}
例B. Cosense のダークテーマとして反映させる
ページ背景が暗色でないテーマに対して、ダークテーマとして「Termika Radiado」で Cosense の外観を上書きする場合。
以下のいずれかのコードを追加する。
code:example.css
@import "/api/code/nremiel/Termika_Radiado/as-dark.css";
または
code:as-dark.css
@import "/api/code/nremiel/settings%2Ftheme%2Fradiado-dark/style.css";
:root {
color-scheme: light dark;
}
@media screen and (prefers-color-scheme: dark) {
htmldata-project-theme=default,
/* htmldata-project-theme=default-dark, */ /* ページ背景が暗色のテーマにつき対象から除外 */
htmldata-project-theme=default-minimal,
htmldata-project-theme=paper-light,
htmldata-project-theme=paper-dark,
/* htmldata-project-theme=paper-dark-dark, */ /* ページ背景が暗色のテーマにつき対象から除外 */
htmldata-project-theme=blue,
htmldata-project-theme=purple,
htmldata-project-theme=green,
htmldata-project-theme=orange,
htmldata-project-theme=red,
htmldata-project-theme=hacker1,
htmldata-project-theme=hacker2,
htmldata-project-theme=summer,
htmldata-project-theme=spring,
htmldata-project-theme=autumn,
htmldata-project-theme=tropical,
htmldata-project-theme=kyoto,
htmldata-project-theme=newyork,
htmldata-project-theme=paris,
htmldata-project-theme=mred,
htmldata-project-theme=lgreen {
--project-theme: "nremiel.radiado-dark";
}
}
例C. Cosense テーマのページ背景色に基づいて変更する
このテーマをページ背景が暗色でない Cosense テーマ用のダークテーマとして
「Anĝela Osto」をページ背景が明色でない Cosense テーマ用のライトテーマとして、
Cosense の外観を上書きする場合。
以下のいずれかのコードを追加する。
code:example.css
@import "/api/code/nremiel/Termika_Radiado/auto-smart.css";
または
code:auto-smart.css
@import "/api/code/nremiel/An%C4%9Dela_Osto/as-light.css";
@import "/api/code/nremiel/Termika_Radiado/as-dark.css";